.crud {
  &-header {
    margin-bottom: 10px;
    line-height: 40px;
  }

  &-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    .el-checkbox {
      padding-left: 10px;
    }
  }

  &-pagination {
    text-align: right;
    margin-top: 10px;
  }

  .symbol {
    &-sm {
      .el-image {
        height: 4em;
      }
    }
  }

  ::v-deep .el-table {
    // border: 1px solid #e7ecf1;
    // border-bottom: none;
    &::before {
      display: none;
    }
    &__fixed::before,
    &__fixed-right::before {
      display: none;
    }
    &__header th {
      //   background-color: #f5f6fa;
      color: #333333;
      font-weight: 500;
      vertical-align: middle;
      background-color: #eff3f8;
    }
    th.is-leaf,
    td {
      border-bottom-color: #e7ecf1;
      .cell {
        .el-tag + .el-tag {
          margin-left: 5px;
        }
        .el-image {
          display: inline-flex;
          align-items: center;
          height: 4rem;
          .em-icon,
          [class^='el-icon-'],
          [class^='em-icon-'] {
            font-size: 3rem;
            color: #d7e9f5;
          }
        }
        .el-avatar {
          display: inline-flex;
          align-items: center;
        }
      }
    }

    &.el-table--mini {
      th.is-leaf {
        .caret-wrapper {
          justify-items: center;
          justify-content: space-between;
          height: 100%;
        }
        .cell {
          height: 24px;
          line-height: 24px;
        }
        .sort-caret {
          position: initial;
        }
      }
    }

    .action-column {
      .cell {
        display: flex;
        align-items: center;
        justify-content: flex-end;
      }
      &.is-left,
      &.text-left {
        .cell {
          justify-content: flex-start;
        }
      }

      &.is-center,
      &.text-center {
        .cell {
          justify-content: center;
        }
      }
    }

    .el-breadcrumb {
      font-size: 12px;
      &__inner {
        width: 50px;
        display: inline-block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
      }
      &__separator {
        margin: 0 5px;
      }
    }

    .split-inline {
      > * {
        display: inline-block;
      }
      > * + * {
        &::before {
          content: '/';
          width: 8px;
          display: inline-block;
          font-size: 12px;
          opacity: 0.6;
        }
      }
    }

    tr[class*='el-table__row--level'] {
      > td:first-child {
        .cell {
          display: flex;
        }
      }
      .el-table__expand-icon {
        display: inline-flex;
        align-items: center;
        .el-icon-arrow-right:before {
          content: '\e723';
        }
        &--expanded {
          transform: rotate(0);
          .el-icon-arrow-right:before {
            content: '\e722';
          }
        }
        & + * {
          display: inline-flex;
          align-items: center;
        }
      }
    }

    &__append-wrapper {
      .crud-footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        .el-checkbox {
          padding-left: 10px;
          margin-right: 10px;
          &__label {
            font-size: 12px;
          }
        }
        &__content {
          flex: 1;
          display: flex;
          align-items: center;
          justify-content: space-between;
        }
      }
    }
  }
}
